<!doctype html>
<link rel="stylesheet" href="s.css" />
<h1>Tests for <a href="../../">recipes</a>/<a href="../">shadow</a>/drop</h1>

<p class="doc">Original effect from <a href="http://nicolasgallagher.com/css-drop-shadows-without-images/demo/">http://nicolasgallagher.com/css-drop-shadows-without-images/demo/</a></p>

<div class="drop-shadow-curled-corners">
    <p>Curled corners</p>
</div>
<!--<a class="more" href="curled-corners">more examples</a>-->

<div class="drop-shadow-curved-vt">
    <p>Curves</p>
</div>
<a class="more" href="curved">more examples</a>
<!-- Not Ready yet
<div class="drop-shadow-flying">
    <p>Flying box</p>
</div>
-->

<div class="drop-shadow-lifted-corners">
    <p>Lifted corners</p>
</div>
<!--<a class="more" href="lifted-corners">more examples</a>-->

<div class="drop-shadow-perspective">
    <p>Perspective</p>
</div>
<!--<a class="more" href="perspective">more examples</a>-->

<div class="drop-shadow-raised">
    <p>Raised box</p>
</div>
<!--<a class="more" href="raised">more examples</a>-->
